<!-- 选择商品页面，用户商户选择自己的商品（评论、直播页面用） -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="centre/manage/include :: header"></head>

<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="col-sm-12">
			<div class="ibox"><div class="ibox-body">
				<div class="fixed-table-toolbar">
					<div class="columns pull-left col-md-3 nopadding">
						<!-- <label class="control-label">商品搜索关键字：</label> -->
					</div>
					<div class="columns pull-left col-md-6 nopadding">
						<input type="text" name="mgkey" id="mgkey"
								placeholder="输入商品ID以及名称搜索"
								class="col-sm-6 form-control">
					</div>
					<div class="columns pull-left col-md-3 nopadding">
						<span class="input-group-btn">
							<button onclick="reLoad()" type="button"
								class="btn btn-xm btn-primary" style="margin-right:5px;">搜索
							</button>
						</span>
					</div>
				</div>
				<table id="selectproductTable" data-mobile-responsive="true"></table>
			</div></div>
		</div>

	</div>
	<div th:include="include::footer"></div>
</body>
<script>
var prefix = "/product/centre";
var selectProduct = [];
$(function() {
	load();
});
function reLoad() {
	$('#selectproductTable').bootstrapTable('refresh');
}
function load() {
	$('#selectproductTable').bootstrapTable({
		method : 'get', // 服务器数据的请求方式 get or post
		url : prefix + "/productCentrelist", // 服务器数据的加载地址
		// showToggle : true,
		// iconSize : 'outline',
		// toolbar: '#exampleToolbar',
		striped : true, // 设置为true会有隔行变色效果
		dataType : "json", // 服务器返回的数据类型
		pagination : true, // 设置为true会在底部显示分页条
		pageList : [ 10, 20, 50 ],
		// queryParamsType : "limit",
		// //设置为limit则会发送符合RESTFull格式的参数
		singleSelect : false, // 设置为true将禁止多选
		// contentType : "application/x-www-form-urlencoded",
		// //发送到服务器的数据编码类型
		pageSize : 10, // 如果设置了分页，每页数据条数
		pageNumber : 1, // 如果设置了分布，首页页码
		// search : true, // 是否显示搜索框
		//showColumns : true, // 是否显示内容下拉框（选择显示的列）
		sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
		// "server"
		queryParams : function(params) {
			return {
				limit : params.limit,
				offset : params.offset,
				idOrName: $("#mgkey").val()
			};
		},
		columns : [
		        {
					field : 'id', // 列字段名
					title : '商品id' // 列标题
				},
				{
					field : 'thumb', // 列字段名
					title : '商品图片', // 列标题
					formatter : function (value, row, index) {
						return "<img src='"+value+"' style='width:50px;height:50px;' />";
					}
				},
				{
					field : 'title',
					title : '商品标题'
				},
				{
					field : '',
					title : '操作',
					formatter: function (value, row, index) {
						return '<button onclick="select_goods(\''+row.id+'\',\''+row.title+'\')" type="button" class="btn btn-xs btn-purple">' +
						'<span class="ace-icon fa fa-search icon-on-right">'+
						'</span>选择</button>';
					}
				}]
	});
}

//选择商品
function select_goods(id,title){
	parent.select_goods(id,title);
}
</script>
</html>